<template>
  <div class="myImg padding-l">
    <div class="center fontStyle1 padding-bt">日记</div>
    <div class="fontStyle2" v-text="say">
    </div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: "Diary",
  data(){
    return{
      say: ''
    }
  },
  mounted(){
    axios.get("/getSay").then( (res) => {
      this.say = res.data;
    })
  }
}
</script>

<style scoped>
.myImg {
  background-image: url("../assets/image/pic1.jpg");
  border-radius: 10px;
  height: 250px;
}
.padding-l {
  padding: 0 30px;
}
.padding-bt {
  padding-top: 90px;
}
.fontStyle1 {
  font-size: 30px;
  font-weight: 700;
}
.fontStyle2 {
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px;
}
</style>